<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <link type="text/css" href="jquery-ui-1.7.2.custom.css" rel="stylesheet" />

    <script type="text/javascript" src="jquery.min.js"></script>

    <script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>

    <script type="text/javascript">  
    function test()
    {
        alert("调用");
    }  
    $(function(){
     $('#dialog').dialog({
     autoOpen: true,//如果设置为true，则默认页面加载完毕后，就自动弹出对话框；相反则处理hidden状态。 
     bgiframe: true, //解决ie6中遮罩层盖不住select的问题  
     width: 600,
     modal:true,//这个就是遮罩效果   
     buttons: {
      "Ok": function() { 
          test();//在这里调用函数
       $(this).dialog("close"); 
      }, 
      "Cancel": function() { 
       $(this).dialog("close"); 
      } 
     }
    });
    
     $('#btn').click(function(){
     $('#dialog').dialog('open');
     return false;
    });
       });
    </script>

</head>
<body>
    <form id="form1" runat="server">
        <div class="demo">
            <div>
                <input type="button" id="btn" value="点我啊a" />
                <div>
                    <div id="dialog" title="嘿嘿a" style="">
                        <p>
                            你个废物b</p>
                    </div>
                </div>
            </div>
        </div>
    </form>
</body>
</html>